<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:p="http://primefaces.org/ui" xmlns:h="http://java.sun.com/jsf/html"
	template="/templates/template-tabela.xhtml">

	<ui:define name="title">
		<p:outputLabel value="#{label['fornecedor.titulo']}" styleClass="header-page" />
	</ui:define>

	<ui:define name="tabela">

		<p:dataTable id="dataTable" value="#{fornecedorMB.listModel}" var="item" rows="10" paginator="true"
			paginatorPosition="bottom" emptyMessage="#{label['sistema.tabela.emptymessage']}" lazy="true">

			<p:column headerText="#{label['fornecedor.campo.nome']}">
				<p:outputLabel value="#{item.nome}" />
			</p:column>

			<p:column headerText="#{label['fornecedor.campo.telefone']}" width="15%">
				<center>
					<p:outputLabel value="#{item.telefone}" />
				</center>
			</p:column>

			<p:column headerText="#{label['fornecedor.campo.email']}">
				<p:outputLabel value="#{item.email}" />
			</p:column>

			<p:column headerText="#{label['sistema.tabela.acoes']}" width="105">

				<p:commandButton icon="ui-icon-pencil" title="#{label['sistema.botao.editar']}" process="@this"
					update="@form:panel_dialog" actionListener="#{fornecedorMB.prepararEditar(item)}">
				</p:commandButton>

				<p:commandButton icon="ui-icon-close" title="#{label['sistema.botao.excluir']}"
					actionListener="#{fornecedorMB.executarExcluir(item)}" process="@this" update="dataTable">
					<p:confirm />
				</p:commandButton>

				<p:commandButton icon="ui-icon-clipboard" title="#{label['sistema.botao.detalhes']}" process="@this"
					update="@form:panel_dialog_det" actionListener="#{fornecedorMB.prepararDetalhes(item)}">
				</p:commandButton>

			</p:column>

		</p:dataTable>

	</ui:define>

	<ui:define name="comandos">
		<p:commandButton value="#{label['sistema.botao.incluir']}" title="#{label['sistema.botao.incluir']}"
			oncomplete="PF('dialogCadastro').show()" process="@this" update="panel_dialog">
			<f:setPropertyActionListener target="#{fornecedorMB.modelCad}" value="#{null}" />
		</p:commandButton>
	</ui:define>

	<ui:define name="custom-dialogs">

		<p:dialog id="dialogCadastro" header="#{label['sistema.dialog.cadastro.titulo']}" widgetVar="dialogCadastro"
			width="900" modal="true" closable="false" resizable="false">

			<p:panelGrid id="panel_dialog">

				<p:row>
					<p:column>
						<p:outputLabel value="#{label['fornecedor.campo.nome']}" for="fornecedor_nome" />
					</p:column>
					<p:column colspan="3">
						<p:inputText id="fornecedor_nome" value="#{fornecedorMB.modelCad.nome}" required="true" maxlength="100"
							styleClass="maxInput" />
					</p:column>
				</p:row>

				<p:row>
					<p:column>
						<p:outputLabel value="#{label['fornecedor.campo.email']}" for="fornecedor_email" />
					</p:column>
					<p:column>
						<p:inputText id="fornecedor_email" value="#{fornecedorMB.modelCad.email}" size="56" maxlength="150" />
					</p:column>
					<p:column>
						<p:outputLabel value="#{label['fornecedor.campo.telefone']}" for="fornecedor_telefone" />
					</p:column>
					<p:column>
						<p:inputText id="fornecedor_telefone" value="#{fornecedorMB.modelCad.telefone}" size="20" maxlength="20" />
					</p:column>
				</p:row>

				<p:row>
					<p:column>
						<p:outputLabel value="#{label['fornecedor.campo.endereco']}" for="fornecedor_endereco" />
					</p:column>
					<p:column colspan="3">
						<p:inputText id="fornecedor_endereco" value="#{fornecedorMB.modelCad.endereco}" maxlength="400"
							styleClass="maxInput" />
					</p:column>
				</p:row>

			</p:panelGrid>

			<f:facet name="footer">
				<p:commandButton value="#{label['sistema.botao.salvar']}" title="#{label['sistema.botao.salvar']}"
					actionListener="#{fornecedorMB.executarSalvar()}" process="dialogCadastro" update="panel_dialog dataTable" />
				<p:commandButton value="#{label['sistema.botao.cancelar']}" title="#{label['sistema.botao.cancelar']}"
					onclick="PF('dialogCadastro').hide()" immediate="true">
					<f:setPropertyActionListener target="#{fornecedorMB.modelCad}" value="#{null}" />
				</p:commandButton>
			</f:facet>
		</p:dialog>


		<p:dialog id="dialogDetalhes" header="#{label['sistema.dialog.detalhes.titulo']}" widgetVar="dialogDetalhes"
			width="900" modal="true" closable="false" resizable="false">

			<p:panelGrid id="panel_dialog_det">

				<p:row>
					<p:column>
						<p:outputLabel value="#{label['fornecedor.campo.nome']}" for="fornecedor_nome_det" />
					</p:column>
					<p:column colspan="3">
						<p:inputText id="fornecedor_nome_det" value="#{fornecedorMB.modelCad.nome}" disabled="true" maxlength="100"
							styleClass="maxInput" />
					</p:column>
				</p:row>

				<p:row>
					<p:column>
						<p:outputLabel value="#{label['fornecedor.campo.email']}" for="fornecedor_email_det" />
					</p:column>
					<p:column>
						<p:inputText id="fornecedor_email_det" value="#{fornecedorMB.modelCad.email}" size="56" disabled="true"
							maxlength="150" />
					</p:column>
					<p:column>
						<p:outputLabel value="#{label['fornecedor.campo.telefone']}" for="fornecedor_telefone_det" />
					</p:column>
					<p:column>
						<p:inputText id="fornecedor_telefone_det" value="#{fornecedorMB.modelCad.telefone}" size="20" disabled="true"
							maxlength="20" />
					</p:column>
				</p:row>

				<p:row>
					<p:column>
						<p:outputLabel value="#{label['fornecedor.campo.endereco']}" for="fornecedor_endereco_det" />
					</p:column>
					<p:column colspan="3">
						<p:inputText id="fornecedor_endereco_det" value="#{fornecedorMB.modelCad.endereco}" disabled="true"
							maxlength="400" styleClass="maxInput" />
					</p:column>
				</p:row>

			</p:panelGrid>

			<f:facet name="footer">
				<p:commandButton value="#{label['sistema.botao.cancelar']}" title="#{label['sistema.botao.cancelar']}"
					onclick="PF('dialogDetalhes').hide()" immediate="true">
					<f:setPropertyActionListener target="#{fornecedorMB.modelCad}" value="#{null}" />
				</p:commandButton>
			</f:facet>
		</p:dialog>

	</ui:define>

</ui:composition>